今天主要認識css中設定圖片常用的posotion跟float
position分為static relative absolute fixed
static:默認屬性 top、bottom、left、right在此狀況下無法使用
relative:相對位置
absolute:絕對位置 ”根元素“是可以被設置
fixed:”根元素“固定為瀏覽器窗口 也就是滾動網頁時其與瀏覽器窗口距離是固定的
float只有分左右浮動 沒有垂直浮動
應用float屬性後 其容器無法取得他的「高度」
會將display屬性變為block
**warning:**如果不將float的元素position屬性更改為relative而是透過設置index是會無法覆蓋absolute的 反之亦然
iThome鐵人賽
看影片追技術